<template>
	<view class="container">
		
	<block v-if="showCon">
		<!-- #ifndef MP-TOUTIAO -->
		<!-- 自定义头部导航 -->
		<view class="fixed" :style="{height: stickyHeight + 'px'}" v-if="isFixed">
			<view class="navigation-title-bar">{{pageTitle}}</view>
		</view>
		<!-- #endif -->

		<!-- 轮播 -->
		<view class="banner">
			<block v-if="banner.length">
				<swiper class="swiper" duration="300" autoplay="true" interval="5000" indicator-color="rgba(255,255,255,.6)" indicator-active-color="#fff">
					<swiper-item v-for="(item, index) in banner" :key='item.id'>
						<image :src="item.adsrc" mode="aspectFill" @click="toAds(item)"></image>
					</swiper-item>
				</swiper>
			</block>
			<block v-else>
				<swiper class="swiper">
					<swiper-item>
						<image src="https://static.member.stourweb.cn/uniapp/static/images/more-hotel-banner.png" mode="aspectFill"></image>
					</swiper-item>
				</swiper>
			</block>
		</view>
		
		<!-- 筛选 -->
		<view class="hotel-select-block">
			<view class="hotel-select">
				<view class="item testination">
					<view class="test" @click="jumpTestination">
						<view class="site" v-if="destination.kindname">{{destination.kindname}}</view>
						<view class="label" v-else>目的地</view>
						<view class="iconfont">&#xe67f;</view>
					</view>
				</view>
				<view class="item dates">
					<view class="date-con" @click="calendar">
						<view class="start">
							<view class="label">{{start_week}}入住</view>
							<view class="date">{{start_date_fill}}</view>
						</view>
						<view class="day">共{{dayNum}}晚</view>
						<view class="end">
							<view class="label">{{end_week}}离店</view>
							<view class="date">{{ end_date_fill }}</view>
						</view>
					</view>
				</view>
				<view class="item hotel-name">
					<input type="text" placeholder-class="placeStyle" placeholder="请输入关键词搜索酒店" v-model="keyword">
				</view>
				<view class="item price-rank" @click="priceRank">
					<view class="rank-con">
						<template v-if="price.title||rank.title">
							<view>{{price.title?price.title+'/':''}}{{rank.title?rank.title:''}}</view>
							<view @click.stop="empty" class="iconfont" v-if="price.title&&rank.title">&#xe68e;</view>
						</template>
						<view v-else class="placeStyle">价格/星级</view>
					</view>
					<view class="iconfont">&#xe67f;</view>
				</view>			
				<button class="seek-hotel" type="default" hover-class="none" @click="jumpList('search')">查询</button>
				<view class="user-short-functions">
					
					<!-- #ifdef MP-ALIPAY -->
					<button class="short-fun-item" type="default" scope="userInfo" open-type="getAuthorize" @getAuthorize="jumpClub"><text class="iconfont">&#xe79e;</text>升级会员</button>
					<!-- #endif -->
					<!-- #ifdef MP-WEIXIN -->
					<button class="short-fun-item" type="default" @click="jumpClub"><text class="iconfont">&#xe79e;</text>升级会员</button>
					<!-- #endif -->
					<!-- #ifdef MP-TOUTIAO || H5 || APP-PLUS -->
					<button class="short-fun-item" type="default" open-type="getUserInfo" @click="jumpClub"><text class="iconfont">&#xe79e;</text>升级会员</button>
					<!-- #endif -->
					
					<!-- #ifdef MP-ALIPAY -->
					<button class="short-fun-item" type="default" scope="userInfo" open-type="getAuthorize" @getAuthorize="jumpJifen"><text class="iconfont">&#xe79c;</text>积分签到</button>
					<!-- #endif -->
					<!-- #ifdef MP-WEIXIN -->
					<button class="short-fun-item" type="default" @click="jumpJifen"><text class="iconfont">&#xe79c;</text>积分签到</button>
					<!-- #endif -->
					<!-- #ifdef MP-TOUTIAO || H5 || APP-PLUS -->
					<button class="short-fun-item" type="default" open-type="getUserInfo" @click="jumpJifen"><text class="iconfont">&#xe79c;</text>积分签到</button>
					<!-- #endif -->
					
				</view>
			</view>
		</view>
		
		<!-- 导航模块 -->
		<view class="uni-nav-block" v-if="navList && navList.length">
			<view class="uni-nav-list">
				<view class="uni-nav-item" v-for="item in navList" :key="item.id" @click="toNavPage(item)">
					<image class="icon" :src="item.m_ico" mode="scaleToFill"></image>
					<view class="text">{{item.m_title}}</view>
				</view>
			</view>
		</view>
		
		<!-- 广告位 -->
		<view class="module-banner" v-if="navAdsList && navAdsList.length">
			<view class="banner-left">
				<image v-if="navAdsList[0]" @click="toAds(navAdsList[0])" :src="navAdsList[0].adsrc" mode="aspectFill"></image>
			</view>
			<view class="banner-right">
				<image v-if="navAdsList[1]" @click="toAds(navAdsList[1])" :src="navAdsList[1].adsrc" mode="aspectFill"></image>
				<image v-if="navAdsList[2]" @click="toAds(navAdsList[2])" :src="navAdsList[2].adsrc" mode="aspectFill"></image>
			</view>
		</view>
		
		<!-- 酒店列表 -->
		<view class="hotel-list">
			<view class="list-title">热销推荐</view>
			<view class="list-content">
				<view class="item" v-for="(item,index) in hotelList" :key="item.id" @click="jumpDetail(item.id)">
					<view class="item-top">
						<image :src="item.litpic" mode="aspectFill"></image>
						<view class="num-satisficing">{{item.satisfyscore}}%满意</view>
						<view class="num-comment">{{item.commentnum}}人点评</view>
					</view>
					<view class="item-info">
						<view class="info-left">
							<view class="title">{{item.title}}</view>
							<view class="details">{{item.sellpoint}}</view>
							<view class="trait">
								<view class="trait-i" v-for="(citem, cindex) in item.attrlist" :key="cindex" v-if="cindex<3">{{citem.attrname}}</view>
							</view>
						</view>
						<view class="info-right">
							<view v-if="item.price==0" class="cur-price"><text class="number">电询</text></view>
							<view v-else class="cur-price">{{globalExchangeRate}}<text class="number">{{item.price}}</text>起</view>
							<view class="ori-price">{{globalExchangeRate}}{{item.sellprice}}</view>
							<view class="mem-price" v-if="item.discount_min_price>0">
								<view class="tit">会员价</view>
								<view class="price" v-if="item.discount_min_price>0">{{globalExchangeRate}}<text class="num">{{item.discount_min_price}}</text></view>
							</view>
						</view>
					</view>
				</view>
			</view>
			<view class="more-hotel-btn" @click="jumpList('switch')">查看更多</view>
		</view>
		
		<!-- 底部备案信息 -->
		<st-footer-filing></st-footer-filing>
		
		<!-- 自定义tabBar -->
		<st-customize-footer></st-customize-footer>
		
		<!-- 价格和星级弹窗 -->
		<uni-coupon ref="popup" :type="'bottom'">
			<view class="popup-priceRank" v-if="attrList.price">
				<view class="title">价格(单选)</view>
				<view class="list">
					<view class="item" :class="{on:selectIndex.price==-1}" @click="setPrice('', 0, -1)">不限</view>
					<template v-for="(item, index) in attrList.price.child">
						<view class="item" :class="{on:selectIndex.price==index}" :key="index" v-if="item.min=='0'" @click="setPrice(globalExchangeRate+item.max+'以下', item.id, index)">{{globalExchangeRate}}{{item.max}}以下</view>
						<view class="item" :class="{on:selectIndex.price==index}" :key="index" v-else-if="item.max=='0'" @click="setPrice(globalExchangeRate+item.min+'以上', item.id, index)">{{globalExchangeRate}}{{item.min}}以上</view>
						<view class="item" :class="{on:selectIndex.price==index}" :key="index" v-else  @click="setPrice(globalExchangeRate+item.min+'-'+item.max+'以下', item.id, index)">{{globalExchangeRate}}{{item.min}}-{{item.max}}</view>
					</template>
				</view>
				<view class="title">星级(单选)</view>
				<view class="list" v-if="attrList.star">
					<view class="item" :class="{on:selectIndex.rank==-1}" @click="setRank('', 0, -1)">不限</view>
					<template v-for="(item, index) in attrList.star.child">
						<view class="item" :class="{on:selectIndex.rank==index}" :key='index' @click="setRank(item.hotelrank, item.id, index)">{{item.hotelrank}}</view>
					</template>
				</view>
			</view>
		</uni-coupon>
	</block>	
	<st-screen-advertising></st-screen-advertising>
	 <!-- 营销推荐 -->	
	</view>
</template>

<script>
	import uniCoupon from '@/components/uni-popup/uni-popup.vue'
	import {adsPath,adsClientNo} from '@/utils/ads.js'
	import stCheckMore from '@/components/st-check-more.vue'
	import stCustomizeFooter from "@/components/st-customize-footer.vue"
	import {bMapToQQMap} from '@/utils/utils.js'
	export default {
		components: {
			uniCoupon,
			stCheckMore,
			stCustomizeFooter
		},
		props:{
			destination: {
				type: Object,
				default(){
					return {}
				}
			},
			start_date: {
				type: String,
				default:''
			},
			start_date_fill: {
				type: String,
				default:''
			},
			start_week:{
				type: String,
				default:'今天'
			},
			end_date: {
				type: String,
				default:''
			},
			end_date_fill: {
				type: String,
				default:''
			},
			end_week:{
				type: String,
				default:'明天'
			},
			dayNum:{
				type: [String,Number],
				default: 1
			},
			scrollTop: [Number, String]
		},
		data() {
			return {
				isFixed: false,
				pageTitle: uni.getStorageSync('cfg_home_page_title'),
				stickyHeight: 0, // 导航栏高度
				menuBottom: 0, // 胶囊距底部间距
				menuHeight: 0, // 胶囊高度				
				showCon: false,
				isLogin: false,
				banner: [],
				destActive: 0,//选中索引
				couponShow: false,//弹窗
				price: {id:0},//价格
				rank: {id:0},//星级
				hotelList: [],//列表数据
				attrList: {},//星级价格列表
				keyword: '',//关键词
				navList:[],//导航
				navAdsList:[],
				selectIndex:{price:-1,rank:-1},//选中的筛选项
				shareData:{},
				cfg_satisfy:0,
				requestNum: 4,
			};
		},
		created(){
			// #ifndef MP-TOUTIAO
			let {stickyHeight, menuBottom, menuHeight} = getApp().globalData
			this.stickyHeight = stickyHeight
			this.menuBottom = menuBottom
			this.menuHeight = menuHeight
			// #endif
			this.cfg_satisfy=uni.getStorageSync('cfg_satisfy');
			this.setPage();
			
			// #ifdef H5
			// 页面分享
			this.$share();
			// #endif
			// #ifdef MP-ALIPAY || MP-BAIDU || MP-WEIXIN || MP-TOUTIAO
			this.sharePage();
			// #endif
		},
		// #ifdef MP-ALIPAY || MP-BAIDU || MP-WEIXIN || MP-TOUTIAO
		onShareAppMessage(res) { //右上角分享 微信小程序、百度小程序、字节跳动小程序、支付宝小程序
			if (this.shareData) {
				return this.shareData;
			}
		},
		// #endif
		
		// #ifdef MP-WEIXIN
		onShareTimeline(){ // 微信朋友圈分享
			if (this.shareData) {
				return this.shareData;
			}
		},
		// #endif
		
		watch:{
			destination:{  
				handler(n,o){  
					this.destination = n;
					this.switchDest = n;
				},  
				deep:true  
			},
			start_date:{
				handler(n,o){  
					this.start_date = n;
				},  
				deep:true  
			},
			end_date:{
				handler(n,o){  
					this.end_date = n;
				},  
				deep:true  
			},
			dayNum:{
				handler(n,o){  
					this.dayNum = n;
				},  
				deep:true  
			},
			scrollTop(newVal, oldVal){
				if (newVal > 50) {
					this.isFixed = true
				} else {
					this.isFixed = false
				}
			}
		},
		methods: {
						
			// 首页页面请求
			setPage() {
				
				this.showCon = true;
				
				this.getBanner();
				this.getIndexNav();
				this.getNavAd();
				this.getHotelList();
				this.getRp();
			},
			
				
			//banner图
			async getBanner(){
				let client_no = adsClientNo();
				 let params = {
					 method : 'api/v2/system/new_ads',
					 prefix : 's_index',
					 custom_label: "uni_index_310_hotel_banner",
					 client_no:client_no,
				 }
				 let res = await this.$http(params)
				 if( res.status ){
					 this.banner = res.data
				 }
				 // 请求完成事件
				 this.requestEnd();
			 },
			 
			 
			 // 首页导航
			 async getIndexNav() {
			 	let res, client_no = adsClientNo(),
			 	params = {
			 		client_no,
			 		method: 'api/v2/index/index_nav',
			 	};
			 	res = await this.$http(params)
			 	if (res.status) {
			 		this.navList = res.data?.list;
					// 请求完成事件
					this.requestEnd();
			 	}
			 },
			 
			 // 前往导航所在页面
			 toNavPage(item) {
			 	adsPath(item.type, item.m_typeid, item.product_id, item.m_url, item.m_title)
			 },
			 
			 // 筛选下方广告位
			 async getNavAd() {
			 	let res, client_no = adsClientNo(),
			 		params = {
			 			method: 'api/v2/system/new_ads',
			 			prefix: 's_index',
			 			client_no: client_no,
			 			custom_label: "uni_index_310_hotel_body"
			 		}
			 	res = await this.$http(params);
			 	//console.log(res)
			 	if (res.status) {
			 		this.navAdsList = res.data;
			 	}
				// 请求完成事件
				this.requestEnd();
			 	
			 },
			 
			
			//星级价格
			async getRp(){
				let params = {
					method : 'api/v2/hotel/get_rp'
				}
				let res = await this.$http(params)
				if( res.status ){
					this.attrList = res.data
				}
				
				// 请求完成事件
				this.requestEnd();
			},
			 
			// 获取列表
			async getHotelList(){
				let params={
					method: 'api/v2/hotel/get_hot_hotel',
					page: 1,
					pagesize: 20
				};
				let res = await this.$http(params);
				if(res.status){
					this.hotelList=res.data.hotel_list;
				}else{
					uni.showToast({
						title: res.msg,
						icon: "none"
					})
				}
				
				// 请求完成事件
				this.requestEnd();
			},
			
			//星级价格
			setPrice(title, id, index){
				this.price = {title:title, id: id}
				this.selectIndex.price = index
			},
			setRank(title, id, index){
				this.rank = {title:title, id: id}
				this.selectIndex.rank = index
			},
					
			// 跳转详情
			jumpDetail(id) {
				uni.navigateTo({
					url: `/subPackages/hotels/detail?id=${id}`
				})
			},
			
			// 跳转列表
			jumpList(type) {
				let destpy, destname;
				if(type === 'search'){
					destpy = this.destination.pinyin;
					destname = this.destination.kindname;
					uni.navigateTo({
						url: `/subPackages/hotels/list?start_date=${this.start_date}&end_date=${this.end_date}&destpy=${destpy}&destName=${destname}&keyword=${this.keyword}&priceid=${this.price.id}&rankid=${this.rank.id}&dayNum=${this.dayNum}`
					})
				}else{
					uni.navigateTo({
						url: `/subPackages/hotels/list`
					})
				}
			},
			
			// 弹窗
			priceRank(){
				this.$refs.popup.open();
			},
			
			// 日期选择
			async calendar(){
				uni.navigateTo({
					url: `/subPackages/hotels/calendar?start_date=${this.start_date}&end_date=${this.end_date}`
				})
			},
			
			// 设置日期格式
			repalceDate(str){
				return str.replace(/\//g,'-')
			},
			
			// 清空
			empty(){
				this.selectIndex={price:-1,rank:-1}
				this.price = {};
				this.rank = {};
			},
			
			jumpTestination(){
				uni.navigateTo({
					url: `/subPackages/hotels/destination?destination=${encodeURIComponent(JSON.stringify(this.destination))}`
				})
			},
			
			// 前往广告位的页面
			toAds (item) {
				adsPath(item.adtype, item.typeid,item.proid,item.adlink,item.adname);
			},
			
			// 请求完成事件
			requestEnd() {
				this.requestNum--;
				if (this.requestNum < 1) {
					this.showCon = true;
				}
			},
			
			// 俱乐部
			jumpClub(){
				this.$toPath('/subPackages/club/index', this, true)
			},
			
			// 积分签到
			jumpJifen(){
				this.$toPath('/pages/ucenter/sign', this, true)
			},
			
			// #ifdef MP-ALIPAY || MP-BAIDU || MP-WEIXIN || MP-TOUTIAO
			//分享页面
			async sharePage() {
				let shareData = await this.$mpShare();
				if (shareData) {
					this.shareData = shareData;
				}
			},
			// #endif
			
		}
	}
</script>

<style lang="scss">
	page{
		background: #f7f7f7;
	}

// 自定义头部导航
.fixed {
	position: sticky;
	top: 0;
	left: 0;
	right: 0;
	z-index: 111;
	background: $uni-bg-color;
	.navigation-title-bar{
		position: absolute;
		left: 24rpx;
		bottom: 8rpx;
		height: 64rpx;
		line-height: 64rpx;
		font-size: $uni-font-size-lg;
		font-weight: bold;
	}
}

// banner
.banner{
	&,.swiper{
		height: 366rpx;
	}
	image{
		width: 100%;
		height: 100%;
	}
}
		
// 筛选
.hotel-select-block{
	padding: 0 24rpx;
	margin-top: -24rpx;
	position: relative;
	z-index: 1;
	.placeStyle{
		color: $uni-text-color-grey;
	}
	.hotel-select{
		padding: 0 30rpx 44rpx;
		font-size: $uni-font-size-lg;
		background-color: $uni-bg-color;
		border-radius: 20rpx;
		.item{
			height: 116rpx;
			padding-left: 12rpx;
			@extend .justifyspacec;
			border-bottom: 1rpx solid #e5e5e5;
			.iconfont{
				font-size: 40rpx;
				color: #bbb;
			}
		}
		.testination{
			.test{  
				@extend .justifyspacec;
				width: 500rpx;
				@extend .flex1;
			}
			.label{
				margin-right: 40rpx;
			}
			.site{
				@extend .flex1;
				width: 350rpx;
			}
		}
		.dates{
			.date-con{
				@extend .justifyspacec;
				width: 100%;
				.label{
					font-size: 22rpx;
					color: #666;
					margin-bottom: 4rpx
				}
				.day{
					@extend .alignJustify;
					height: 44rpx;
					padding: 0 26rpx;
					border-radius: 23rpx;
					border: 1rpx solid #e5e5e5;
					font-size: 22rpx;
					color: $uni-text-color-deep;
				}
			}
		}
		.price-rank{
			.rank-con{
				@extend .flex1;
				width: 500rpx;
				@extend .justifyspacec;
				margin-right: 30rpx;
				.iconfont{
					transform: rotate(45deg);
					color: #c3c3c3;
				}
			}
		}
		.hotel-name{
			input{
				@extend .flex1;
				font-size: $uni-font-size-lg;
			}
		}
		.seek-hotel{
			height: 100rpx;
			line-height: 100rpx;
			color: $uni-text-color-inverse;
			background-color: $uni-bg-color-primary;
			border: none;
			border-radius: 14rpx;
			font-size: $uni-font-size-lg;
			&:after{
				display: none;
			}
		}
		.user-short-functions{
			@extend .justifyspacec;
			margin-top: 40rpx;
			padding: 0 28rpx;
			.short-fun-item{
				background: none;
				font-size: $uni-font-size-base;
				line-height: 40rpx;
			}
			.iconfont{
				color: #2dbb55;
				// font-size: 30rpx;
				margin-right: 10rpx;
			}
		}
	}
}

// 导航
.uni-nav-block {
	margin-top: 30rpx;
	padding: 0 24rpx;
	.uni-nav-list{
		display: flex;
		flex-wrap: wrap;
		
		border-radius: 20rpx;
		background-color: $uni-bg-color;
		
		.uni-nav-item {
			width: 20%;
			padding: 20rpx 0;
			text-align: center;
		
			.icon {
				width: 80rpx;
				height: 80rpx;
				vertical-align: top;
			}
		
			.text {
				margin-top: 8rpx;
				font-size: $uni-font-size-sm;
			}
		}
	}
}
	
//广告位
.module-banner {
	@extend .displayflex;
	justify-content: space-between;
	padding: 0 24rpx;
	border-radius: 20rpx;
	margin-top: 40rpx;
	.banner-left {
		width: 352rpx;
		height: 260rpx;
		image{
			display: block;
			width: 352rpx;
			height: 260rpx;
			border-radius: 20rpx 0 0 20rpx;
		}
	}
	.banner-right{
		width: 352rpx;
		height: 260rpx;
		border-radius: 0 20rpx 20rpx 0;
		overflow: hidden;
		image{
			display: block;
			width: 350rpx;
			height: 130rpx;
		}
	}
}

// 星级弹窗
.popup-priceRank{
	max-height: 630rpx;
	padding: 0 30rpx 20rpx;
	background-color: $uni-bg-color;
	font-size: $uni-font-size-sm;
	overflow-y: auto;
	.title{
		height: 102rpx;
		line-height: 110rpx;
		font-size: $uni-font-size-base;
	}
	.list{
		@extend .displayflex;
		flex-wrap:wrap;
	}
	.item{
		@extend .alignJustify;
		box-sizing: border-box;
		width: 216rpx;
		height: 70rpx;
		margin: 16rpx 21rpx 0 0;
		border: 2rpx solid #e6e6e6;
		border-radius: 4rpx;
		&.on{
			border-color: $uni-color-primary;
		}
		&:nth-child(1),&:nth-child(2),&:nth-child(3){
			margin-top: 0;
		}
		&:nth-child(3n){
			margin-right: 0;
		}
	}
}

// 热销推荐
.hotel-list{
	margin-top: 40rpx;
	padding: 0 24rpx 32rpx;
	.list-title{
		line-height: 50rpx;
		font-size: 34rpx;
		font-weight: bold;
	}
	.list-content{
		margin-top: 28rpx;
		.item{
			background-color: $uni-bg-color;
			margin-bottom: 32rpx;
			border-radius: 20rpx;
			overflow: hidden;
			.item-top{
				position: relative;
				height: 334rpx;
				image{
					width: 100%;
					height: 100%;
				}
				.num-satisficing{
					position: absolute;
					top: 24rpx;
					left: 24rpx;
					padding: 0 10rpx;
					height: 48rpx;
					line-height: 48rpx;
					font-size: 22rpx;
					color: #fff;
					font-family: Arial, Helvetica, sans-serif;
					border-radius: 6rpx;
					background-color: #26292b;
				}
				.num-comment{
					position: absolute;
					top: 24rpx;
					right: 24rpx;
					height: 48rpx;
					line-height: 48rpx;
					font-size: 22rpx;
					color: #fff;
					font-family: Arial, Helvetica, sans-serif;
					text-shadow: 0 4rpx 10rpx 0 rgba(0,0,0,0.4);
				}
			}
					
			.item-info{
				@extend .justifyspace;
				align-items: flex-start;
				padding: 24rpx 24rpx 36rpx;
				.info-left{
					width: 60%;
					.title{
						@extend .ellipse;
						margin-bottom: 14rpx;
						font-size: $uni-font-size-lg;
						line-height: 46rpx;
					}
					.details{
						margin-bottom: 20rpx;
						@extend .ellipse;
						font-size: $uni-font-size-base;
						line-height: 40rpx;
						color: $uni-text-color-grey;
					}
					.trait{
						@extend .displayflex;
					}
					.trait-i{
						height: 38rpx;
						margin-left: 12rpx;
						padding: 0 6rpx;
						line-height: 38rpx;
						border-radius: 5rpx;
						font-size: 22rpx;
						color: #a48d60;
						background-color: #f6efe2;
						&:first-child{
							margin-left: 0;
						}
					}
				}
				.info-right{
					width: 40%;
					text-align: right;
					display: flex;
					flex-wrap: wrap;
					justify-content: flex-end;
					.cur-price{
						width: 100%;
						color: #f05a3a;
						font-size: $uni-font-size-sm;
						.number{
							font-size: 40rpx;
							font-weight: bold;
						}
					}
					.ori-price{
						width: 100%;
						color: $uni-text-color-grey;
						font-size: $uni-font-size-sm;
						margin-top: 6rpx;
						text-decoration: line-through;
					}
					.mem-price{
						display: flex;
						align-items: center;
						margin-top: 22rpx;
						.tit{
							width: 100rpx;
							text-align: center;
							height: 50rpx;
							line-height: 50rpx;
							color: #f05a3a;
							font-size: $uni-font-size-sm;
							background-color: #fff1ee;
							border-radius: 25rpx 0 0 25rpx;
						}
						.price{
							padding: 0 12rpx;
							height: 50rpx;
							line-height: 50rpx;
							color: #f05a3a;
							font-size: $uni-font-size-sm;
							background-color: #ffded6;
							border-radius: 0 25rpx 25rpx 0;
							.num{
								font-size: $uni-font-size-lg;
								font-weight: bold;
							}
						}
					}
				}
			}
			
		}
	}
	.more-hotel-btn{
		font-size: $uni-font-size-sm;
		text-align: center;
		line-height: 90rpx;
		color: #2dbb55;
		height: 90rpx;
		border-radius: 10rpx;
		background: #fff;
	}
}
</style>
